<style>
.appmsg-side__wrapper {
	box-shadow: 0 1px 5px 0 rgba(0,0,0,0.05);
	border: 1px solid #f2f2f2;
	margin:0;
	position:relative;
	width:310px
}
.appmsg-side__wrapper .appmsg_account {
	background-color:#fff;
	padding:10px 15px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	border-radius:5px 5px 0 0
}
.appmsg-side__wrapper .appmsg_account_img {
	width:24px;
	height:24px;
	border-radius:50%;
	-o-object-fit:cover;
	object-fit:cover
}
.appmsg-side__wrapper .appmsg_account_name {
	margin-left:10px;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	word-wrap:break-word;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	-webkit-line-clamp:1
}
.appmsg-side__wrapper .multi .appmsg_item {
	border-top:0;
	border-bottom:0;
	padding:0
}
.appmsg_preview_area {
	position:fixed;
	left:0;
	top:100px;
	bottom:-8px;
	z-index:1;
	overflow-y:auto
}
.appmsg_edit_container {
	top:0;
	bottom:0
}
.appmsg_preview_container {
	width:370px;
	overflow:auto;
	border-right-width:0
}
.appmsg_preview_container::-webkit-scrollbar-track-piece {
	background-color:#f5f5f5
}
.appmsg_preview_container .appmsg_container_bd {
	position:relative
}
.appmsg_preview_container .appmsg_container_bd .create_access_primary {
	border-top-width:0;
	line-height:90px;
	border:0;
	position:relative;
	margin-bottom:0;
	border-radius:0 0 5px 5px
}
.appmsg_preview_container .appmsg_container_bd .create_access_primary:before {
	content:" ";
	position:absolute;
	left:15px;
	right:15px;
	top:0;
	height:1px;
	background-color:#e4e8eb
}
.appmsg_preview_container .appmsg_container_bd .create_access_primary:hover {
	border-color:#d9dadc
}
.appmsg_preview_container div.appmsg_edit_mask {
	top:auto;
	bottom:0;
	height:100%;
	background-color:transparent!important;
	text-align:right
}
.appmsg_preview_container div.appmsg_edit_mask .sort_up_white,.appmsg_preview_container div.appmsg_edit_mask .sort_down_white {
	float:left;
	margin-top:10px
}
.appmsg_preview_container .icon_appmsg_create {
	width:24px;
	height:24px;
	vertical-align:middle;
	display:inline-block;
	background:url(/mpres/zh_CN/htmledition/comm_htmledition/style/page/weui-desktop/media/appmsg_new_z4b4fb7.png) 0 0 no-repeat
}
.appmsg_preview_container .icon_appmsg_share {
	width:24px;
	height:24px;
	vertical-align:middle;
	display:inline-block;
	background:url(/mpres/zh_CN/htmledition/comm_htmledition/style/page/weui-desktop/media/appmsg_new_z4b4fb7.png) 0 -28px no-repeat
}
.appmsg_preview_container .appmsg_add {
	margin:0;
	border-top-width:0;
	line-height:90px
}
.appmsg_preview_container .appmsg_add a {
	display:none;
	vertical-align:middle;
	margin-left:10px;
	margin-right:10px;
	color:#8d8d8d;
	font-size:14px;
	line-height:normal
}
.appmsg_preview_container .appmsg_add a:hover {
	text-decoration:none
}
.appmsg_preview_container .appmsg_add a:hover .icon_appmsg_create {
	background:url(/mpres/zh_CN/htmledition/comm_htmledition/style/page/weui-desktop/media/appmsg_new_z4b4fb7.png) 0 -56px no-repeat
}
.appmsg_preview_container .appmsg_add a:hover .icon_appmsg_share {
	background:url(/mpres/zh_CN/htmledition/comm_htmledition/style/page/weui-desktop/media/appmsg_new_z4b4fb7.png) 0 -84px no-repeat
}
.appmsg_preview_container .appmsg_add a i {
	line-height:normal
}
.appmsg_preview_container .appmsg_add a strong {
	display:block;
	font-weight:normal
}
.appmsg_preview_container .appmsg_add:hover {
	border-color:#d9dadc
}
.appmsg_preview_container .appmsg_add:hover a {
	display:inline-block
}
.appmsg_preview_container .appmsg_add:hover .add_gray {
	display:none
}
.appmsg_preview_container .appmsg {
	overflow:visible;
	margin-bottom:0;
	border:0
}
.appmsg_preview_container .mask_layer {
	position:absolute;
	width:100%;
	height:100px;
	top:55px;
	left:0;
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.15)));
	background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.15))
}
.appmsg_preview_container .appmsg_item,.appmsg_preview_container .first_appmsg_item {
	padding:14px
}
.appmsg_preview_container .appmsg_item_wrp {
	cursor:pointer;
	position:relative;
}
.appmsg_preview_container .appmsg_item_wrp .card_appmsg_title {
	display:-webkit-box
}
.appmsg_preview_container .appmsg_item_wrp.current {
	position:relative;
	z-index:1
}
.appmsg_preview_container .appmsg_item_wrp.current .first_appmsg_item {
	border-top-width:0;
	border:4px solid rgba(7,193,96,0.4);
	margin:-4px;
	border-radius:2px
}
.appmsg_preview_container .appmsg_item_wrp.current .appmsg_item {
	border-top-width:0;
	border:2px solid #07c160
}
.appmsg_preview_container .appmsg_item_wrp .card_appmsg_thumb {
	width:auto;
	height:auto;
	background-color:#e1e1e1
}
.appmsg_preview_container .appmsg_item_wrp .card_appmsg_thumb:before {
	background-color:rgba(0,0,0,0);
	top:55px;
	background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(86%,rgba(0,0,0,0.15)));
	background-image:linear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.15) 86%);
	background-image:-o-llinear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.15) 86%);
	background-image:-ms-llinear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.15) 86%);
	background-image:-webkit-llinear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.15) 86%)
}
.appmsg_preview_container .appmsg_item_wrp .card_container .card_appmsg_inner {
	padding-top:50.8%
}
.appmsg_preview_container .appmsg_item_wrp.sub_card_media {
	padding:0
}
.appmsg_preview_container .appmsg_item_wrp.sub_card_media .card_appmsg_thumb {
	width:48px;
	height:48px
}
.appmsg_preview_container .appmsg_item_wrp.sub_card_media .card_container {
	padding:12px
}
.appmsg_preview_container .appmsg_item_wrp.sub_card_media .card_appmsg_inner {
	padding-top:0
}
.appmsg_preview_container .appmsg_item_wrp.sub_card_media .appmsg_edit_mask {
	left:-1px
}
.appmsg_preview_container .appmsg_title {
	max-height:28px
}
.appmsg_preview_container .first_appmsg_item {
	border-top:1px solid #e7e7eb;
	position:relative
}
.appmsg_preview_container .first_appmsg_item .cover_appmsg_item {
	margin:0
}
.appmsg_preview_container .first_appmsg_item .appmsg_title {
	color:#fff;
	padding:0 8px
}
.appmsg_preview_container .first_appmsg_item .appmsg_desc {
	padding:5px 8px 10px
}
.appmsg_preview_container .first_appmsg_item .appmsg_edit_mask {
	line-height:188px
}
.appmsg_preview_container .first_appmsg_item:hover .appmsg_edit_mask {
	display:block
}
.appmsg_preview_container .appmsg_thumb_wrp {
	height:106px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center
}
.appmsg_preview_container .appmsg_thumb.default {
	line-height:106px
}
.appmsg_preview_container .appmsg_item .appmsg_title {
	margin-top:8px
}
.appmsg_preview_container .appmsg_item .appmsg_thumb {
	width:78px;
	height:78px
}
.appmsg_preview_container .appmsg_item .appmsg_thumb.default {
	line-height:78px
}
.appmsg_edit_highlight_area {
	background-color:transparent
}
.card_appmsg_thumb {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:auto;
	height:auto;
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-color:#f6f8f9
}
.card_appmsg_thumb:before {
	content:" ";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:rgba(0,0,0,0.3)
}
.card_appmsg_inner {
	position:relative;
	padding-top:56.25%
}
.card_appmsg_title {
	position:absolute;
	left:15px;
	right:15px;
	bottom:15px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color:#fff;
	font-weight:400;
	z-index:1
}
.card_appmsg_title a {
	color:#fff
}
.card_appmsg_thumb {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:auto;
	height:auto;
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-color:#f6f8f9
}
.card_appmsg_thumb:before {
	content:" ";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:rgba(0,0,0,0.3)
}
.simple_card_media .card_appmsg_bd {
	position:absolute;
	top:0;
	left:0;
	right:0;
	padding-top:56.25%
}
.simple_card_media .card_appmsg_hd {
	padding:15px
}
.simple_card_media .card_appmsg_title {
	position:static;
	color:#353535
}
.simple_card_media .card_appmsg_title a {
	color:#353535
}
.simple_card_media .card_appmsg_desc {
	padding-top:5px;
	font-size:12px;
	color:#9a9a9a
}
.sub_card_media {
	padding:15px;
	position:relative
}
.sub_card_media:before {
	content:" ";
	position:absolute;
	left:15px;
	right:78px;
	top:0;
	height:1px;
	background-color:#e4e8eb
}
.sub_card_media:nth-child(2):before {
	right:15px
}
.sub_card_media .card_video_wrp,.sub_card_media .card_video_hd,.sub_card_media .card_video_bd {
	padding:0
}
.sub_card_media .weui-desktop-vm_default {
	padding-left:15px
}
.sub_card_media .card_video,.sub_card_media .card_video_hd {
	position:static
}
.sub_card_media .card_video_hd {
	z-index:0
}
.sub_card_media .card_video_title {
	color:#353535
}
.sub_card_media .card_video_title a {
	color:#353535
}
.sub_card_media .card_video_thumb {
	position:relative;
	width:48px;
	height:48px;
	display:block
}
.sub_card_media .card_video_player {
	width:24px;
	height:24px
}
.sub_card_media .card_video_player:before {
	width:16px;
	height:16px
}
.sub_card_media .card_video_length {
	display:none
}
.sub_card_media .card_audio_inner {
	padding:0
}
.sub_card_media .card_audio_player {
	width:48px;
	height:48px;
	background-color:#f6f8f9;
	background-size:24px
}
.sub_card_media .card_audio_length {
	display:none
}
.sub_card_media .card_img_inner {
	padding:0
}
.sub_card_media .card_img_title,.sub_card_media .card_img_thumb {
	position:static
}
.sub_card_media .card_img_title {
	color:#353535
}
.sub_card_media .card_img_title a {
	color:#353535
}
.sub_card_media .card_img_thumb {
	width:48px;
	height:48px;
	display:block
}
.sub_card_media .card_img_thumb:before {
	display:none
}
.sub_card_media .card_appmsg_inner {
	padding:0
}
.sub_card_media .card_appmsg_title {
	position:static
}
.sub_card_media .card_appmsg_thumb {
	position:relative
}
.sub_card_media .card_appmsg_thumb:before {
	display:none
}
.sub_card_media .card_appmsg_title {
	color:#353535;
	display:block
}
.sub_card_media .card_appmsg_title a {
	color:#353535
}
.sub_card_media .card_appmsg_thumb {
	width:48px;
	height:48px;
	display:block
}
.weui-desktop-vm_default, .weui-desktop-vm_primary {
    display: table-cell;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;
}
.weui-desktop-vm_primary {
    width: 2000px;
}
.main_hd.main_hd {
    line-height: 1.6;
}
.appmsg_preview_container .appmsg_item_wrp.current {
    position: relative;
    z-index: 1;
}
.preview_media_add_wrp {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    position: relative;
}
.preview_media_add_wrp .preview_media_add_word {
	color:#9a9a9a;
	display:inline-block;
	margin-left:2px
}
.create_access_primary {
    display: block;
    border: 2px dotted #d9dadc;
    line-height: 60px;
    font-size: 0;
    text-align: center;
    margin-bottom: 20px;
}
.preview_media_add_wrp .preview_media_add_word:hover {
	cursor:pointer
}
.preview_media_add_wrp .preview_media_add_middle {
	line-height:20px
}
</style>
<div class="article_item_list appmsg_edit_container appmsg_preview_container">
<div class="appmsg_container_bd">
  <div class="appmsg-side__wrapper">
    <div class="appmsg_account" id="js_appmsg_account" style="">
      <img class="appmsg_account_img" ng-src="{{tomedia(pagedata.account.logo) || '../core/resource/images/nopic.jpg'}}">
      <div class="appmsg_account_name">{{pagedata.wechats[pagedata.item.wxgid].title}}</div></div>
    <div class="appmsg multi has_first_cover editing">
      <div id="js_appmsg_preview" class="appmsg_content">
        <div id="appmsgItem" class="js_appmsg_item appmsg_item_wrp has_thumb">
			<div class="appmsg_item">
				<div class="card_appmsg card_container">
				  <div class="card_appmsg_inner">
					<div class="weui-desktop-vm_primary card_appmsg_hd">
					  <strong class="card_appmsg_title js_appmsg_title">{{pagedata.item.lookcontent[0].title}}</strong></div>
					<div class="weui-desktop-vm_default card_appmsg_bd">
					  <div class="card_appmsg_thumb js_appmsg_thumb" style="background-image:url('{{tomedia(pagedata.item.lookcontent[0].image) || '../core/resource/images/nopic.jpg'}}');"></div>
					</div>
				  </div>
				</div>
			</div>
        </div>
        <div id="appmsgItem" class="js_appmsg_item appmsg_item_wrp has_thumb sub_card_media">
          <div class="appmsg_item" ng-repeat="item in pagedata.item.lookcontent" ng-if="$index>0">
            <div class="card_appmsg card_container">
              <div class="card_appmsg_inner">
                <div class="weui-desktop-vm_primary card_appmsg_hd">
                  <strong class="card_appmsg_title js_appmsg_title">{{item.title}}</strong></div>
                <div class="weui-desktop-vm_default card_appmsg_bd">
                  <div class="card_appmsg_thumb js_appmsg_thumb" style="background-image:url('{{tomedia(item.image) || '../core/resource/images/nopic.jpg'}}');"></div>
                </div>
              </div>
            </div>
            <!-- <div class="appmsg_edit_mask js_readonly"> -->
            <!-- <a onclick="return false;" style="" class="icon20_common sort_up_white js_up" data-id="" href="javascript:;" title="上移">向上</a>
            <a onclick="return false;" style="" class="icon20_common sort_down_white js_down" data-id="" href="javascript:;" title="下移">向下</a>
            <a onclick="return false;" style="" class="icon20_common del_media_white js_del"  data-id="" href="javascript:;" title="删除">删除</a> -->
            <!-- </div> -->
            <!-- <div class="mask_layer"></div>  -->
			</div>
        </div>
      </div>
    </div>
    <div id="add_appmsg_container" class="create_access_primary">
      <div class="preview_media_add_wrp js_readonly">
        <div id="js_add_appmsg" class="preview_media_add_middle" ng-click="unitfunc.choose_many(pagedata.item,'lookcontent','/account.article/get_article/many=1')" style="cursor: pointer;">
          <i class="fa fa-plus">增加一条</i>
		 </div>
      </div>
    </div>
  </div>
</div>
</div>